<template>
	<view class="content">
		<view class="item">
			<view class="title">消息标题</view>
			<view class="time">2024-08-23 15：07：32</view>
			<view class="info">消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容</view>			
		</view>
	</view>
</template>

<script>
	import {ref} from 'vue';
	import {
		onLoad
	} from '@dcloudio/uni-app';
	onLoad((e)=>{
		id.value = e.id;
	})
	const id = ref('')
</script>

<style lang="scss" scoped>
	.content {
		background-color: #f7f7f7;
		margin-top: 2rpx;
	
		.item {
			width: 100%;
			min-height: 100vh;
			background-color: #fff;
			font-size: 32rpx;
			color: #333;
			text-align: center;
			padding: 20rpx 30rpx;
			box-sizing: border-box;
			.title{
				font-size: 34rpx;
				font-weight: bold;
			}
			.info {
				font-size: 28rpx;
			}
	
			.time {
				font-size: 24rpx;
				padding:20rpx 0 30rpx;
				color: #999;
			}
		}
	}
</style>